<template>
	<view class="page-container">
		<!-- 顶部导航栏 -->
		<view class="header">
			<x-status-bar></x-status-bar>
			<view class="flex-center-between header-navbar">
				<x-back-btn></x-back-btn>
				<view class="u-f-40 common-title">{{ lang_personal.getTaskScore }}</view>
				<view></view>
			</view>
			<!-- 分割线 -->
			<u-gap height="1" bgColor="rgba(0, 0, 0, 0.07)"></u-gap>
		</view>
		
		<!-- 内容 -->
		<view style="padding: 0 28rpx;">
			<view class="item-card u-m-t-30" style="padding: 30rpx 40rpx;" @click="jumpUrl(`/pages/user/personal/bill/bill?type=score`)">
				<view>{{ lang_personal.myScore }}</view>
				<view class="flex-center-between">
					<view class="u-f-84 u-lh-96 font-bold">{{ integral }}</view>
					<view v-if="!signStatus" @click.stop>
						<x-common-btn
						width="208"
						height="64"
						@click="signAction"
						>
							<view class="u-f-32 u-lh-44">{{ lang_personal.signGetScore }}</view>
						</x-common-btn>
					</view>
				</view>
			</view>
			
			<view class="item-card u-m-t-20 flex-center-between" style="padding: 30rpx 24rpx;" @click="jumpUrl(`/pages/user/personal/extension/list/list`)">
				<view class="u-f-30 u-lh-42">推广送600积分</view>
				<u-icon name="right" custom-prefix="u" color="#999" size="28"></u-icon>
			</view>
			
			<view class="item-card u-m-t-20" style="padding: 26rpx 40rpx;">
				<view class="u-f-30 u-lh-42 u-text-center font-medio">游戏列表</view>
			</view>
		</view>
		
		<!-- 留空 -->
		<view style="height: 200rpx;"></view>
	</view>
</template>

<script>
	import dayjs from 'dayjs'
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			signAction() {
				let { dispatch } = this.$store
				dispatch('updateSign').then(() => {
					dispatch('initUserData')
				})
			}
		}
	}
</script>

<style scoped lang="scss">
	.item-card {
		border-radius: 12rpx;
		background-color: #FFFFFF;
	}
</style>
